div,body,h1,h2,h3,p{margin:0;padding:0;}
body{background: rgb(244, 246, 249);}
.wrap{margin:0 auto; width:800px; }
.current{background:#C80000;color:white; border-radius: 3px;}
/*
#2eb398 green
#C80000 dark red
*/
a{
	font-weight: bold;
    text-decoration: none;
    color: #C80000; padding:0 5px;}
a:hover{text-decoration:underline}

a.red{
	/*
	background:#C80000;
	border-radius:5px;
	*/ 
	color:#C80000; 
	border-bottom: 2px solid #C80000; 
}
a.red:hover{background:#C80000; color:white;}
.version{font-size:10px; color:orange;}

a.external_link::before {
    background-color: deeppink;
    content: "->";
    color: white;
    opacity: 0.3;
}


.wrap div{ /*padding:5px; border:1px dashed #ccc; */ margin:20px 0;}
.wrap div h2{border-bottom:1px solid #ccc; color:#ddd;}
.wrap div h3{
	margin:10px 2px; 
	padding:5px; 
	background:#eee;
	border-radius: 5px;
}
.wrap div h2 .note{color:black;}

#nav{
    padding: 1px 10px;
    border-radius: 10px;
	background-image: linear-gradient(to bottom,#f3f3f3 0,#e3e3e3 100%);
	border-bottom: 1px solid #d3d3d3;
	font-size:1em;
}
#nav div{margin:5px 0px;}


.item{ margin:10px 5px; 
	padding:10px;
	border:1px solid #eee; background:white;
	border-radius:10px;
	overflow:hidden;
	
	transition: box-shadow 0.35s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.wrap div.item{border-width:0;}
.item:hover{
	/*
	transition:box-shadow .25s;
	box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 10px 0 rgba(0,0,0,0.19)
	*/
}



.listening{}
.speaking{}
.reading{}
.writing{}
/*
*/

/*for tables*/
table { border-collapse:collapse; } 

.hide{display:none;}

p{
	margin:5px 0; 
	text-indent:2em;
}

pre{
	word-wrap: break-word!important; 
	white-space: pre-wrap;
}

code{
	font-family: monospace;
    border-radius: 3px;
    padding: 5px;
    margin: 5px;
}
code.red{
	/*
    background-color: #eaeaea;
    font-size: 85%;
	*/
    color: #d63200;
    background-color: rgba(0,0,0,0.04);
}

blockquote{
    line-height: 1.5rem;
    font-size: 1.2rem;
    /*
    color: #888;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-left: 5px solid #1e90ff;
    */
    font-weight: 500;
    font-family: Georgia, Helvetica, arial, sans-serif;
    padding: 10px 15px;
    margin: 10px;
    border: 1px solid #eee;
    border-left: 5px solid #eee;
    background: none;
}

blockquote.green{
    color: #4F8A10;
    background-color: #DFF2BF;
    border-left: 5px solid #4F8A10;
}

